@charset "UTF-8";
.col-sm-3 {
  padding-left: 0;
  padding-right: 0; }

@media (min-width: 768px) {
  .col-sm-3 {
    min-height: auto;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: inherit;
            box-sizing: inherit; } }

/*loading加载框*/
#initialize {
  position: fixed;
  z-index: 9999;
  top: 50%;
  margin-left: 30px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

@media (max-width: 768px) {
  #initialize {
    margin-left: 0; } }

/** 皮肤*/
@media (min-width: 768px) {
  .navbar-box.nav-skin {
    position: fixed;
    width: 45px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 500;
    background-color: rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: none;
            box-shadow: none; }
    .navbar-box.nav-skin .navbar-expanded {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      margin-bottom: 5px; }
      .navbar-box.nav-skin .navbar-expanded.minS {
        display: none; }
      .navbar-box.nav-skin .navbar-expanded a {
        display: block;
        padding: 10px 0;
        text-align: center;
        text-decoration: none;
        color: #999999; }
        .navbar-box.nav-skin .navbar-expanded a img {
          margin: 0 auto; }
        .navbar-box.nav-skin .navbar-expanded a:hover {
          color: #ffffff; }
  .navbar-expanded.menu {
    display: none; } }

@media (max-width: 768px) {
  .navbar-expanded {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%; }
    .navbar-expanded > div {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .navbar-expanded a {
      display: block;
      padding: 10px;
      text-align: center;
      line-height: 31px;
      text-decoration: none;
      color: #999999; }
      .navbar-expanded a:hover {
        color: #ffffff; }
  nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {
    margin-top: -3px; } }

@media (min-width: 1199px) {
  .main-box {
    padding-left: 60px; }
    .main-box .sidebar-box {
      display: block !important; } }

.main-box .row {
  margin: 0; }

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .main-box {
    padding-left: 45px; }
    .main-box .sidebar-box {
      display: none !important; }
    .main-box .col-sm-offset-3 {
      margin-left: 0; } }

@media (min-width: 992px) {
  .main-box ul.footer-container {
    padding-left: 30px !important; } }

@media screen and (min-width: 768px) and (max-width: 992px) {
  .navbar-header {
    display: none; }
  .main-box {
    padding-left: 45px; }
  .col-sm-offset-3 {
    margin-left: 0; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  nav.navbar.bootsnav ul.nav > li > a {
    font-weight: 600; } }

@media (min-width: 768px) {
  .main-box .sidebar-box {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    min-height: 100%;
    left: 45px; }
    .main-box .sidebar-box .cover-img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-position: center; }
    .main-box .sidebar-box .bottom-block {
      position: absolute;
      bottom: 0;
      padding: 30px;
      color: #ffffff; } }

@media (max-width: 768px) {
  .nav-skin .navbar-expanded {
    display: none !important; }
  .main-content i#mobile {
    display: block !important;
    line-height: 43px;
    color: #ffffff; } }

@media (max-width: 492px) {
  .blog-container {
    min-height: -webkit-calc(100vh - 74px) !important;
    min-height: calc(100vh - 74px) !important; } }

.main-content {
  position: relative;
  min-height: 100vh; }
  .main-content i#mobile {
    display: none; }
  .main-content .blog-container {
    min-height: -webkit-calc(100vh - 51px);
    min-height: calc(100vh - 51px);
    padding-bottom: 51px; }
  .main-content ul.footer-container {
    margin: 0;
    padding-left: 15px; }
  .main-content .footer-container {
    padding: 10px 0 10px 10px;
    border-top: solid 1px #d9d9d9; }
    .main-content .footer-container li {
      display: inline-block;
      margin-right: 10px; }
      .main-content .footer-container li a.icp {
        color: #999; }
        .main-content .footer-container li a.icp:hover {
          color: #00a1d6;
          text-decoration: none; }
      .main-content .footer-container li a.github, .main-content .footer-container li a.email {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        -webkit-border-radius: 50%;
                border-radius: 50%;
        font-size: 18px; }
        .main-content .footer-container li a.github:hover, .main-content .footer-container li a.email:hover {
          text-decoration: none; }
        .main-content .footer-container li a.github i, .main-content .footer-container li a.email i {
          font-size: 18px;
          color: rgba(0, 0, 0, 0.45); }
        .main-content .footer-container li a.github.github:hover, .main-content .footer-container li a.email.github:hover {
          background-color: #49be38; }
          .main-content .footer-container li a.github.github:hover i, .main-content .footer-container li a.email.github:hover i {
            color: #ffffff; }
        .main-content .footer-container li a.github.email:hover, .main-content .footer-container li a.email.email:hover {
          background-color: #f57e42; }
          .main-content .footer-container li a.github.email:hover i, .main-content .footer-container li a.email.email:hover i {
            color: #ffffff; }
      .main-content .footer-container li.user {
        font-family: fantasy; }

/*************************** 右边搜索面部 ***************************/
#search-form-box .form-control {
  height: 50px;
  line-height: 50px; }

#search-form-box input.form-control {
  width: 85%;
  border-right: 0;
  color: #999999;
  outline: 0; }
  #search-form-box input.form-control:focus {
    border: solid 1px #1890ff;
    border-right: 0;
    outline: 0; }

#search-form-box button.search-btn {
  width: 15%;
  height: 50px;
  border: none;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-border-top-left-radius: 0;
          border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  color: #ffffff;
  background-color: #1890ff; }
  #search-form-box button.search-btn:hover {
    background-color: #40a9ff; }
  #search-form-box button.search-btn:focus {
    border: none; }

.navbar-expanded .expanded-avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto; }
  .navbar-expanded .expanded-avatar img {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 2px solid transparent;
    -webkit-border-radius: 50%;
            border-radius: 50%; }
  .navbar-expanded .expanded-avatar:hover img {
    border: 2px solid #f49484; }
